﻿<BSCarousel NumberOfItems="@svgItems.Count">
    <BSCarouselIndicators />
    <div class="carousel-inner">
        @for (int i = 0; i < svgItems.Count; i++)
        {
        <BSCarouselItem src="@svgItems[i].Source" alt="@svgItems[i].Alt" ActionLink="@svgItems[i].ActionLink" ActionLinkTarget="@svgItems[i].ActionLinkTarget" />
        }
    </div>
    <BSCarouselControl CarouselDirection="CarouselDirection.Previous" />
    <BSCarouselControl CarouselDirection="CarouselDirection.Next" />
</BSCarousel>
    
@code {
    IList<Item> items = new List<Item>
    {
    new Item {
    Source = "...First Slide as SVG File (ie. ../imgs/sample.svg )",
    Alt ="First Slide",
    Caption = "Slide 1",
    Header = "Slide 1 Header"
    },
    new Item {
    Source = "...Second Slide as SVG File (ie. ../imgs/sample.svg )",
    Alt ="Second Slide",
    Caption = "Slide 2",
    Header = "Slide 2 Header"
    },
    new Item {
    Source = "...Third Slide as SVG File (ie. ../imgs/sample.svg )",
    Alt ="Third Slide",
    Caption = "Slide 3",
    Header = "Slide 3 Header"
    }
    };

    class Item
    {
    public string Source { get; set; }
    public string Alt { get; set; }
    public string Caption { get; set; }
    public string Header { get; set; }
    }
    }
